
.trends {
  box-shadow: 0px 0px 10px black inset;
  width: calc(50% - 5px);
  margin-top: 10px;
  display: inline-block;
  padding: 10px;
  background-color: white;
  box-sizing: border-box;
  @colors: white;
  .trends_head {
    height: 50px;
    line-height: 50px;
    
    padding: 0 10px;
    color: @colors;
    border-radius: 5px;
    span:nth-child(1) {
      float: left;
    }
    span:nth-child(2) {
      float: right;
      a {
        color: @colors;
      }
    }
    span:nth-child(2):hover {
      cursor: pointer;
    }
  }
  .trends_content {
    color: darkgrey;
    padding: 10px 0;
    .trends_item {
      &:hover {
        cursor: pointer;
      }
      .trends_item_warp {
        img {
          width: 200px;
          height: 150px;
        }
        .trends_item_con {
          width: 550px;
          padding: 10px;
          display: inline-block;
          vertical-align: top;
          font-size: 13px;
          div:nth-child(1) {
            font-size: 17px;
            line-height: 40px;
          }
          div:nth-child(2) {
            height: 85px;
            overflow: hidden;
          }

          div:nth-child(3) {
            margin-top: 10px;
            float: right;
            span {
             
              margin-right: 30px;
              .icon{
                margin-right: 10px;
              }
            }
            
            img {
              width: 18px;
              height: 18px;
              vertical-align: bottom;
              margin-right: 10px;
            }
          }
        }
      }

      border-bottom: 1px dotted darkgray;
      box-sizing: border-box;
      a {
        color: #6b6b6b;
        font-style: oblique;
        font-size: 14px;
        display: flex;
        width: 100%;
        text-decoration: none;
      }
      span:nth-child(1) {
        flex: 1;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
      }
      span:nth-child(2) {
        display: inline-block;
        width: 190px;
      }
    }
  }
}
.trends:nth-child(even) {
  margin-right: 10px;
}
